<template>
  <div>
    <el-container>
      <el-aside width="25%">
        <card-bar></card-bar>
    </el-aside>
    <el-container>
      <el-main> 
        <TopicList>
        </TopicList>  
      </el-main>
      <el-footer>
      </el-footer>
    </el-container>
</el-container>
  </div>
</template>

<script>
// @ is an alias to /src
import CardBar from "@/views/card/CardBar"
import PostList from "@/views/post/Index"
import Tip from "@/views/card/Tip"

export default {
  name: 'Home',
  components:{CardBar,TopicList:PostList,Tip},
}
</script>

<style scoped>
.footer{
  margin: 50px;
}
</style>

